<template>
    <div>
        <div class="contanier">
            <i></i>
            <div class="box">
                <h1>注册</h1>
                <input type="text" placeholder="请输入账号">
                <input type="password" placeholder="请输入密码">
                <button>注册</button>
            </div>
        </div>
    </div>
</template>
<style scoped lang="scss">
@import '../common/scss/variable.scss';
.contanier {
    width: 90%;
    margin: 0 auto;
    margin-top: 40px;

    i {
        display: block;
        width: 13px;
        height: 12px;
        background-image: url(../assets/img/icon.png);
    }
    .box {
        width: 100%;
        height: 360px;
        margin: 120px auto 0;
        h1 {
            padding-top: 20px;
            font-size: 36px;
            text-align: center;
            margin-bottom: 20px;
        }
        input,
        button {
            width: 100%;
            height: 52px;
            margin-top: 10px;
            padding-left: 20px;
            box-sizing: border-box;
            border-radius: 10px;
        }
        button{
            background-color: $bgColor;
            border: 0;
            font-size: 13px;
            color: #fff;
        }
    }
}
</style>